<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!-- VERSION DE HTML5 -->
<!DOCTYPE html>
    
<html lang="es">
	<!-- CONFIGURACION DE LA PAGINA WEB ACTUAL -->
	<head>
		<!-- GENERAL's -->
		<title>Proyecto Sistema Entretenimiento</title>

		<!-- META's -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

		<!-- LINK's -->
		<link type="text/css" rel="stylesheet" href="resources/css/bootstrap.min.css">
		<link type="text/css" rel="stylesheet" href="resources/css/styles-general.css">
	</head>

	<!-- CONTENIDO DE LA PAGINA WEB ACTUAL -->
	<body class="container">
		
		<!-- AGREGA LOS MODAL's COMUNES -->
		<jsp:include page="template/modals.jsp" />

		<!-- ENCABEZADO -->
		<jsp:include page="template/header.jsp"/>

		<!-- MENU DE NAVEGACION -->
		<jsp:include page="template/navigation.jsp"/>
		
		<!-- CUERPO DE PAGINA -->
		<section class="col-xs-12">
			<form role="form" method="post" action="DiaCampoGuardar_Serlvet">
				<input type="hidden" name="codigo" value="${codigo }">
				<input type="hidden" name="codServicio" value="${codServicio }">
				<input type="hidden" name="codJuego" value="${codJuego }">
				<fieldset>
					<legend>Registro de Dia de Campo
						<span class="error">
							<c:if test="${not empty error }">
								<c:out value="${error }"></c:out>
							</c:if>
						</span>
						<span class="success">
							<c:if test="${not empty success }">
								<c:out value="${success }"></c:out>
							</c:if>
						</span>
					</legend>
					<div class="col-xs-12">
						<div class="form-group col-xs-4">
			  				<label for="fecha">Fecha :</label>
			  				<input type="date" class="form-control" name="fecha" id="fecha" value="${regiFecha }">
						</div>
						<div class="form-group col-xs-4">
			  				<label for="club">Club :</label>
			  				<select class="form-control" id="club" name="club">
								<c:if test="${not empty listClub }">
			  						<c:forEach items="${listClub }" var="item" varStatus="index">
			  							<c:if test="${regiClub eq item.idClub }">
			  								<c:set var="club" value="selected"/>
			  							</c:if>
			  							<c:if test="${servServicio ne item.idClub }">
			  								<c:set var="club" value=""/>
			  							</c:if>
			  							<option value="${item.idClub }" ${club }>${item.nombre }</option>
			  						</c:forEach>
			  					</c:if>
			  				</select>
						</div>
						<div class="form-group col-xs-4">
			  				<label for="nroParticipantes">Nro. Participantes :</label>
			  				<input type="number" class="form-control" name="nroParticipantes" id="nroParticipantes" value="${regiNroParticipantes }">
						</div>						
					</div>
				</fieldset>
				<div role="tabpanel">
					<ul class="nav nav-tabs" role="tablist">
						<li role="presentation" class="active">
							<a href="#services" aria-controls="services" role="tab" data-toggle="tab">Información Servicios</a>
						</li>
						<li role="presentation">
							<a href="#games" aria-controls="games" role="tab" data-toggle="tab">Información Juegos</a>
						</li>
					</ul>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="services">
							<div class="col-xs-6">
								<div class="form-group">
					  				<label for="servServicio">Servicio :</label>
					  				<select class="form-control" id="servServicio" name="servServicio">
					  					<c:if test="${not empty listServicio }">
					  						<c:forEach items="${listServicio }" var="item" varStatus="index">
					  							<c:if test="${servServicio eq item.idServicio }">
					  								<c:set var="serv" value="selected"/>
					  							</c:if>
					  							<c:if test="${servServicio ne item.idServicio }">
					  								<c:set var="serv" value=""/>
					  							</c:if>
					  							<option value="${item.idServicio }" ${serv }>${item.nombre }</option>
					  						</c:forEach>
					  					</c:if>
					  				</select>
								</div>
								<div class="form-group">
					  				<label for="servNroPersona">Nro. Personas :</label>
					  				<input type="number" class="form-control" name="servNroPersona" id="nroPersona" value="${servNroPersona }">
								</div>
							</div>
							<div class="col-xs-6">
								<div class="form-group">
					  				<label for="servDescripcion">Descripción :</label>
					  				<textarea rows="4" class="form-control" name="servDescripcion" id="servDescripcion">${servDescripcion }</textarea>
								</div>
								<button value="GuardarServicio" name="servGuardar" type="submit" class="btn btn-primary">Guardar Servicio</button>
							</div>
							<div class="col-xs-12">
								<table class="table table-striped">
									<thead>
										<tr>
											<th class="text-center">N°</th>
											<th class="text-center">Servicio</th>
											<th class="text-center"># Personas</th>
											<th class="text-center">Desc. Adicional</th>
											<th class="text-center">Costo</th>
											<th class="text-center">Total</th>
											<th class="text-center">Acciones</th>
										</tr>
									</thead>
									<tbody>
										<c:if test="${not empty diaCampoServicio }">
											<c:forEach items="${diaCampoServicio }" var="item" varStatus="index">
												<tr class="vcenter">
													<td class="text-center">${index.count }</td>
													<td class="text-left">${item.nombre }</td>
													<td class="text-right">${item.nroPersona }</td>
													<td class="text-left">${item.descripcion }</td>
													<td class="text-left">${item.costo }</td>
													<td class="text-left">${item.costo * item.nroPersona }</td>
													<td class="text-center">
														<a href="DiaCampoModificar_Servlet?codigo=${item.idServicio }&opcion=1" class="btn btn-primary">Modificar</a>
														<a href="DiaCampoEliminar_Servlet?codigo=${item.idServicio }&opcion=1" class="btn btn-danger">Eliminar</a>
													</td>
												</tr>
											</c:forEach>
										</c:if>
										<c:if test="${empty diaCampoServicio }">
											<tr>
												<td colspan="5">
													No se ha registrado ningun servicio
												</td>
											</tr>
										</c:if>
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>
						</div>
						<div role="tabpanel" class="tab-pane" id="games">						
							<div class="col-xs-6">
								<div class="form-group">
					  				<label for="juegoJuego">Juego :</label>
					  				<select class="form-control" id="juegoJuego" name="juegoJuego">
					  					<c:if test="${not empty listJuego }">
					  						<c:forEach items="${listJuego }" var="item" varStatus="index">
					  							<c:if test="${juegoJuego eq item.idJuego}">
					  								<c:set var="jueg" value="selected"/>
					  							</c:if>
					  							<c:if test="${juegoJuego ne item.idJuego}">
					  								<c:set var="jueg" value=""/>
					  							</c:if>
					  							<option value="${item.idJuego }" ${jueg }>${item.nombre }</option>
					  						</c:forEach>
					  					</c:if>			  					
					  				</select>
								</div>
								<div class="form-group">
					  				<label for="juegoNroPersona">Nro. Personas :</label>
					  				<input type="number" class="form-control" name="juegoNroPersona" id="juegoNroPersona" value="${juegoNroPersona }">
								</div>
							</div>
							<div class="col-xs-6">
								<div class="form-group">
					  				<label for="juegoDescripcion">Descripción :</label>
					  				<textarea rows="4" class="form-control" name="juegoDescripcion" id="juegoDescripcion">${juegoDescripcion }</textarea>
								</div>
								<button value="GuardarJuego" name="juegoGuardar" type="submit" class="btn btn-primary">Guardar Juego</button>
							</div>
							<div class="col-xs-12">
								<table class="table table-striped">
									<thead>
										<tr>
											<th class="text-center">N°</th>
											<th class="text-center">Juego</th>
											<th class="text-center"># Personas</th>
											<th class="text-center">Desc. Adicional</th>
											<th class="text-center">Costo</th>
											<th class="text-center">Total</th>
											<th class="text-center">Acciones</th>
										</tr>
									</thead>
									<tbody>
										<c:if test="${not empty diaCampoJuego }">
											<c:forEach items="${diaCampoJuego }" var="item" varStatus="index">
												<tr class="vcenter">
													<td class="text-center">${index.count }</td>
													<td class="text-left">${item.nombre }</td>
													<td class="text-right">${item.nroPersona }</td>
													<td class="text-left">${item.descripcion }</td>
													<td class="text-left">${item.costo }</td>
													<td class="text-left">${item.costo * item.nroPersona }</td>
													<td class="text-center">
														<a href="DiaCampoModificar_Servlet?codigo=${item.idJuego }&opcion=2" class="btn btn-primary">Modificar</a>
														<a href="DiaCampoEliminar_Servlet?codigo=${item.idJuego }&opcion=2" class="btn btn-danger">Eliminar</a>												
													</td>
												</tr>
											</c:forEach>
										</c:if>
										<c:if test="${empty diaCampoJuego }">
											<tr>
												<td colspan="5">
													No se ha registrado ningun servicio
												</td>
											</tr>
										</c:if>							
									</tbody>
								</table>
							</div>
							<div class="clearfix"></div>						
						</div>
					</div>
				</div>
				<fieldset>
					<legend>Si desea puede seleccionar una de las siguientes ofertas</legend>
					<table class="table table-striped">
						<thead>
							<tr>
								<th class="text-center">N°</th>
								<th class="text-center">Nombre</th>
								<th class="text-center">Fecha Inicio</th>
								<th class="text-center">Fecha Caduca</th>
								<th class="text-center">Selec. Oferta</th>
							</tr>
						</thead>
						<tbody>
							<c:if test="${not empty listOferta }">
								<c:forEach items="${listOferta }" var="item" varStatus="index">
									<tr class="vcenter">
										<td class="text-center">${index.count }</td>
										<td class="text-left">${item.nombre }</td>
										<td class="text-right">${item.fechaInicio }</td>
										<td class="text-right">${item.fechaCaduca }</td>
										<td class="text-center">
											<c:if test="${oferta eq item.idOferta }">
												<c:set var="selOferta" value="checked" />
											</c:if>
											<c:if test="${oferta ne item.idOferta }">
												<c:set var="selOferta" value="" />
											</c:if>
											<input type="radio" value="${item.idOferta }" name="oferta" ${selOferta }>
										</td>
									</tr>
								</c:forEach>
							</c:if>
							<c:if test="${empty listOferta }">
								<tr>
									<td colspan="5">
										No se ha encontrado ninguna oferta
									</td>
								</tr>
							</c:if>							
						</tbody>
					</table>					
				</fieldset>
				<div class="col-xs-12 text-right">
					<label>Monto total :</label>
					<span><c:out value="${montoAPagar }" /></span>
				</div>
				<div class="clearfix"></div>
				<button value="GrabarRegistro" name="registroGuardar" type="submit" class="btn btn-primary">Grabar Registro</button>
			</form>
		</section>

		<!-- SCRIPT's -->
		<script type="text/javascript" src="resources/js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="resources/js/scripts-general.js"></script>
	</body>
</html>